<template>
	<div v-if="isshow" id="dialog">
		<span style="margin: 10px;position: relative;top: 16px;font-size: 19px;">{{title}}</span><br />
		<span style="margin: 10px;position: relative;top: 20px;font-size: 13px;">{{massage}}</span><br />
		<button id="btn" @click="close">确定</button>
	</div>
</template>

<script>
	module.exports = {
		props: {
			title: String,
			massage: String,
		},
		data: function() {
			return {
				isshow: true,
			};
		},
		methods: {
			close() {
				this.isshow = false;
			}
		}
	};
</script>

<style>
	#dialog {
		width: 430px;
		height: 150px;
		border: 1px #aaa solid;
		margin: 0px auto;
	}

	#btn {
		color: white;
		background-color: blue;
		width: 70px;
		height: 30px;
		position: relative;
		top: 58px;
		left: 337px;
	}
</style>
